<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Lista de Apoderados</title>
        <link href="resources/css/login.css" rel="stylesheet" type="text/css"/>
    </h:head>
    <body>
        <div class="detalles">
            
            <h:form>
            <p:panel id="basic" header="Formando Triunfadores con la Música" 
             footer="La musica no es el Fin si no el Camino a la Excelencia" style="margin-bottom:10px; font-style: oblique">
                <h:panelGrid columns="2" cellpadding="10">
                    <p:graphicImage name="images/violin.jpg" style="width:200px; height: 130px; border-radius: 5px; border: 1px solid #c2dfef;"/>
                <h:outputText
                    value="Registro de Padres de Familia
                    Nota: Responsables del seguimiento del Aprendizaje del Alumno" />
                </h:panelGrid>
                <p:commandButton action="#{managedBeanApoderado.nuevoObjeto()}" style="margin-left:10px;" value="Nuevo" update=":frmPrincipal" oncomplete="PF('DialogApoderadoNew').show()" icon="icon-user" title="Nuevo Registro">
                   
                </p:commandButton>
            </p:panel>
            </h:form>
        </div>        
        
<div class="table">
   <h:form id="frmPrincipal">
  
     <p:growl id="msg" showDetail="true"/>
     <p:growl id="msg1" showDetail="true"/> 
     <p:dataTable var="item" value="#{managedBeanApoderado.lista}" 
          emptyMessage="No se se encontro registros" widgetVar="ApoderadoTable">
         <f:facet name="header"> 
             <p:outputPanel style="text-align:right;">  
                 <h:outputText value="Buscar Apoderado: " />                  <!--        cambio aqui            -->  
                <p:inputText id="globalFilter" placeholder="Ingrese Busqueda" onkeyup="PF('ApoderadoTable').filter()" style="width:250px" />  
            </p:outputPanel>
        </f:facet> 
                  
        <p:column headerText="Codigo">
            <h:outputText value="#{item.idApoderado}" />
        </p:column>
        <p:column headerText="Nombre">
            <h:outputText value="#{item.nombre}" />
        </p:column>
                                           <!--cambio aqui DANIEL --> 
         <p:column headerText="A. Paterno" filterBy="#{item.apepat}" filterStyle="display:none" style="width: 150px;">
            <h:outputText value="#{item.apepat}" />
        </p:column>
 
        <p:column headerText="A. Materno" style="width:150px; ">
            <h:outputText value="#{item.apemat}" />
        </p:column>
                                   <!--Los filters deben ir con las llaves # {} -->    
         <p:column headerText="DNI"    filterBy="#{item.dni}" filterStyle="display:none">
            <h:outputText value="#{item.dni}" />
        </p:column>
        <p:column headerText="Acciones" style="width:19%;text-align: center">
             <p:commandButton update=":frmdet" oncomplete="PF('DialogDetal').show()" icon="icon-user" title="Informacion">
                 <f:setPropertyActionListener value="#{item}" target="#{managedBeanApoderado.objeto}" />
            </p:commandButton>
            <p:commandButton update=":frmedit" oncomplete="PF('DialogApoderadoEdit').show()" icon="icon-edit" title="Actualizar">
                <f:setPropertyActionListener value="#{item}" target="#{managedBeanApoderado.objeto}" />
            </p:commandButton>
            <p:commandButton update=":frmDelete" oncomplete="PF('Dialogdelete').show()" icon="icon-delete" title="Eliminar">
                <f:setPropertyActionListener value="#{item}" target="#{managedBeanApoderado.objeto}" />
            </p:commandButton>
        </p:column> 
     </p:dataTable>
   </h:form>
</div>
   <h:form id="frmdet">
      <p:dialog header="Detalle Apoderado" widgetVar="DialogDetal" id="frmnuevo" modal="true" showEffect="fade" hideEffect="explode" resizable="false">
          <p:outputPanel id="DetalleApod">
              <h:panelGrid columns="2"  style="width:400px; margin: 0 auto;">
                <h:outputText value="Id:"/>
                <h:outputText value="#{managedBeanApoderado.objeto.idApoderado}" />
                <h:outputText value="Nombre:" />
                <h:outputText value="#{managedBeanApoderado.objeto.nombre}"/>
                <h:outputText value="A. Paterno" />
                <h:outputText value="#{managedBeanApoderado.objeto.apepat}"/>
                <h:outputText value="A. Materno" />
                <h:outputText value="#{managedBeanApoderado.objeto.apemat}"/>
                <h:outputText value="DNI:" />
                <h:outputText value="#{managedBeanApoderado.objeto.dni}"/>
                <h:outputText value="Direccion:" />
                <h:outputText value="#{managedBeanApoderado.objeto.direccion}"/>
                <h:outputText value="Telefono:" />
                <h:outputText value="#{managedBeanApoderado.objeto.telefono}"/>  
            </h:panelGrid>
        </p:outputPanel>
    </p:dialog>         
</h:form>   
        
     <!--Nuevo -->
        <h:form id="frmedit">
            <p:dialog header="Actualizar Informacion" widgetVar="DialogApoderadoEdit" id="dlgApoderado" modal="true" showEffect="fade" hideEffect="explode" resizable="false">
        <p:outputPanel id="ApodEdit" > 
            <h:panelGrid  columns="2"  style="width:390px; margin: 0 auto;" >
                <h:outputText value="Id:"  />
                <p:inputText value="#{managedBeanApoderado.objeto.idApoderado}" disabled="true"/>
                <h:outputText value="Nombre" />
                <p:inputText value="#{managedBeanApoderado.objeto.nombre}" />
                <h:outputText value="A. Paterno" />
                <p:inputText value="#{managedBeanApoderado.objeto.apepat}"/>
                <h:outputText value="A. Materno" />
                <p:inputText value="#{managedBeanApoderado.objeto.apemat}"/>
                <h:outputText value="DNI:" />
                <p:inputText value="#{managedBeanApoderado.objeto.dni}"/>
                <h:outputText value="Direccion:" />
                <p:inputText value="#{managedBeanApoderado.objeto.direccion}"/>
                <h:outputText value="Telefono:" />
                <p:inputText value="#{managedBeanApoderado.objeto.telefono}" />
            </h:panelGrid>
            <hr size="1" color="#c2dfef"/>
            <center >
                <p:commandButton  value="Guardar" icon="icon-save" actionListener="#{managedBeanApoderado.editar()}"
                update=":frmPrincipal" oncomplete="PF('DialogApoderadoEdit').hide()"/>
            </center>
        </p:outputPanel>
    </p:dialog>         
</h:form> 
        
     <!-- Fin nuevo-->
        
  <h:form id="frmnew">
      <p:dialog header="Registrar Apoderado" widgetVar="DialogApoderadoNew" id="dlgApoderado" modal="true" showEffect="fade" hideEffect="explode" resizable="false">
        <p:outputPanel id="ApodEdit">
            <h:panelGrid  columns="2"  style="width:390px; margin: 0 auto;" >
                <h:outputText value="Id:" />
                <p:inputText disabled="true" value="#{managedBeanApoderado.objetoCrear.idApoderado}" />
                <h:outputText value="Nombre" />
                <p:inputText value="#{managedBeanApoderado.objetoCrear.nombre}" />
                <h:outputText value="A. Paterno" />
                <p:inputText value="#{managedBeanApoderado.objetoCrear.apepat}"/>
                <h:outputText value="A. Materno" />
                <p:inputText value="#{managedBeanApoderado.objetoCrear.apemat}"/>
                <h:outputText value="DNI:" />
                <p:inputText value="#{managedBeanApoderado.objetoCrear.dni}"/>
                <h:outputText value="Direccion:" />
                <p:inputText value="#{managedBeanApoderado.objetoCrear.direccion}"/>
                <h:outputText value="Telefono:" />
                <p:inputText value="#{managedBeanApoderado.objetoCrear.telefono}" />
            </h:panelGrid>
            <hr size="1" color="#c2dfef"/>
            <center><p:commandButton value="Guardar" icon="icon-save" actionListener="#{managedBeanApoderado.crear()}"
                update=":frmPrincipal :frmnew" oncomplete="PF('DialogApoderadoNew').hide()"/>
            </center>
        </p:outputPanel>
    </p:dialog>         
</h:form> 
<h:form id="frmDelete">
    <p:confirmDialog id="confirmDialog" message="Desea eliminar Registro..?" showEffect="fade" header="Aviso del Sistema" severity="alert" hideEffect="explode" widgetVar="Dialogdelete">
    <p:commandButton value="SI" update=":frmPrincipal :frmPrincipal:msg" oncomplete="PF('Dialogdelete').hide()"  
                     actionListener="#{managedBeanApoderado.editarEliminar()}" />  
        <p:commandButton value="NO"  onclick="PF('Dialogdelete').hide()" type="button" />   
      
    </p:confirmDialog>
</h:form> 

</body>
</html>